<template>
  <div id="app">
    {{ name }}
    <p>{{ age }}</p>
    <button @click="plusOne()">+</button>
  </div>
</template>

<script>
import { ref } from 'vue'

export default {
  name: 'app',
  data () {
    return {
      name: 'xiaosan'
    }
  },
  setup () {
    const name = ref('小四')
    const age = ref(18)

    function plusOne () {
      age.value++ //想改变值或获取值 必须.value
    }

    //必须返回 模板中才能使用
    return {
      name,
      age,
      plusOne
    }
  }
}
</script>
